<!DOCTYPE HTML>
<html>
<head>
    <title>FilmBook 1.0</title>
	<link rel="stylesheet" href="/Content/themes/default/jquery.ui.all.css" />
	<link rel="stylesheet" href="/Content/Styles/master.css" />
	
	<script type="text/javascript" src="/Scripts/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="/Scripts/jquery-ui-1.8.23.min.js"></script>		
	<script type="text/javascript" src="/Scripts/controls.js"></script>	
	<script type="text/javascript" src="/Scripts/manager.js"></script>	
</head>
<body style="background-color:#F2F2F2;">
	<div id="wrapper">
		<div class="group">
			<table id="filmPage" cellspacing="0" cellpadding="0" class="container">
				<tr>
					<td>
						<div class="icon previous"><div>&nbsp;</div></div>
						<div class="icon next"><div>&nbsp;</div></div>
					</td>
					<td colspan="4">
						<div class="icon add" style="float:right;"><div>&nbsp;</div></div>
					</td>
				</tr>
				<tr style="height:95px;">
					<td id="1" class="frame">&nbsp;</td>
					<td id="2" class="frame">&nbsp;</td>
					<td id="3" class="frame">&nbsp;</td>
					<td id="4" class="frame">&nbsp;</td>
					<td id="5" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="6" class="frame">&nbsp;</td>
					<td id="7" class="frame">&nbsp;</td>
					<td id="8" class="frame">&nbsp;</td>
					<td id="9" class="frame">&nbsp;</td>
					<td id="10" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="11" class="frame">&nbsp;</td>
					<td id="12" class="frame">&nbsp;</td>
					<td id="13" class="frame">&nbsp;</td>
					<td id="14" class="frame">&nbsp;</td>
					<td id="15" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="16" class="frame">&nbsp;</td>
					<td id="17" class="frame">&nbsp;</td>
					<td id="18" class="frame">&nbsp;</td>
					<td id="19" class="frame">&nbsp;</td>
					<td id="20" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="21" class="frame">&nbsp;</td>
					<td id="22" class="frame">&nbsp;</td>
					<td id="23" class="frame">&nbsp;</td>
					<td id="24" class="frame">&nbsp;</td>
					<td id="25" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="26" class="frame">&nbsp;</td>
					<td id="27" class="frame">&nbsp;</td>
					<td id="28" class="frame">&nbsp;</td>
					<td id="29" class="frame">&nbsp;</td>
					<td id="30" class="frame">&nbsp;</td>
				</tr>
				<tr style="height:95px;">
					<td id="31" class="frame">&nbsp;</td>
					<td id="32" class="frame">&nbsp;</td>
					<td id="33" class="frame">&nbsp;</td>
					<td id="34" class="frame">&nbsp;</td>
					<td id="35" class="frame">&nbsp;</td>
				</tr>		
			</table>
		</div>
		<div class="group">
			<div class="controlContainer">
				<table cellspacing="0" cellpadding="0">
					<tr style="height:25px;">
						<td class="label"><label>Book Number:</label></td><td class="field">1</td>
						<td class="label"><label>Page Number:</label></td><td class="field">27</td>
						<td class="label"><label>Total Frames:</label></td><td class="field">36</td>
					</tr>
					<tr style="height:25px;">
						<td colspan="6" style="font-weight:bold;"><label>People Tagged</label></td>
					</tr>
					<tr>
						<td colspan="6">
							<textarea style="width:98%;" cols="20" rows="5"></textarea>
						</td>
					</tr>
					<tr style="height:25px;">
						<td colspan="6" style="font-weight:bold;"><label>Keywords</label></td>
					</tr>
					<tr>
						<td colspan="6">
							<textarea style="width:98%;" cols="20" rows="5"></textarea>
						</td>
					</tr>
				</table>
			</div>
			<div style="padding-top:20px;">
                <div class="controlContainer" style="height:390px;">
                    <div style="padding:5px;height:100%;overflow:scroll;">
                        <ul id="thumbnails">
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                            <li><img alt="Thumbnail" src="/Content/Images/thumb.jpg" /></li>
                        </ul>                    
                    </div>
                </div>
<!--				<table id="thumbPanel" cellspacing="0" cellpadding="0" class="controlContainer">
					<tr style="height:75px;">
						<td style="width:115px;text-align:center;"><img alt="Thumbnail" style="width:95px;height:64px;vertical-align:middle;" src="/Content/Images/thumb.jpg" /></td>
						<td style="width:115px;text-align:center;"><img alt="Thumbnail" style="width:95px;height:64px;vertical-align:middle;" src="/Content/Images/thumb.jpg" /></td>
						<td style="width:115px;text-align:center;"><img alt="Thumbnail" style="width:95px;height:64px;vertical-align:middle;" src="/Content/Images/thumb.jpg" /></td>
					</tr>
					<tr style="height:75px;">
						<td style="width:115px;text-align:center;"><img alt="Thumbnail" style="width:95px;height:64px;vertical-align:middle;" src="/Content/Images/thumb.jpg" /></td>
						<td style="width:115px;text-align:center;"><img alt="Thumbnail" style="width:95px;height:64px;vertical-align:middle;" src="/Content/Images/thumb.jpg" /></td>
						<td style="width:115px;">&nbsp;</td>
					</tr>		
				</table>-->
			</div>	
		</div>
	</div>
</body>
</html>